<template>
	<div class="box">
		<div class="myuser" @click="toNext">
			<span>我的用户</span>
			<p>{{item.people}}人
				
			</p>
			<img src="../../assets/arrow_right.png"/>
		</div>
	</div>
</template>

<script>
	export default {
	    props: {
	        item: {}
	    },
	    methods: {
	        toNext() {
	            this.$emit('toNext')
	        }
	    }
	}

</script>
<style lang="less" scoped>
@import '../../less/config.less';
	.box{
		background:#141723;
		width:100%;
		color: white;
		.conent{
			display:flex;
			align-items: space-between;
			justify-content:center;
			padding:@p30 0;
			color:white;
			font-size:@f28;
			.money,.scale{
				flex: 1;
				text-align: center;
				line-height: 150%;
				
			}
			.border{
				width: 1px;
				height: 1.6rem;
				background: white;
			}
		} 
		.myuser{
			font-size:@f28;
			display: flex;
			padding:0 @p30 ;
			border-top: #262934 1px solid;
			border-bottom: #262934 1px solid;
			justify-content: space-between;
			align-items: center;
			height: @hwrap;
			p{
				margin-left: 6.2rem;
			}
			img{
					vertical-align: center;
		    		width:@f28;
		    		height:0.48rem;
    
				}
		}
	}
</style>